<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>index</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../../../css/mui.min.css">
		<link rel="stylesheet" href="../../static/css/common.css">
		<link rel="stylesheet" href="css/add.css">
		<style>
			.mui-bar-nav ~ .mui-content .mui-pull-top-pocket{
				top:80px !important;
			}
			.ipt{
				width:22vw;
			}
			.add-label{
				width: 17vw;
			}
		</style>
	</head>

	<body>
		
		<header class="mui-bar mui-bar-nav mui-bar-nav-bg">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 id="title" class="mui-title">工器具</h1>
			<span class="mui-icon mui-icon-right-nav mui-pull-right right-titleicon">
				+
			</span>
		</header>
		<div class="mui-content" id="content" v-cloak>
			
			<div class="top">
				<transition name="fade">
					<div class="drop-menulist" v-if="showMenu"> 
						<div @click="menuClick(item)" v-for="(item,index) in menuList" :key="index">
							{{item.name}}
							<img v-if="item.name=='我值班' && onStatus" src="../../../../img//bottom-icon1-.png" class="icon-onwork" alt="">
						</div>	
					</div>
				</transition>
			</div>
			
			<div class="mui-content" id="content">
				<div class="main_box">
					<div class="main_icon"></div>
					<div class="main_icon1"></div>
					<div class="flex-row">
						<div class="icon"></div><div class="color-blue" id="part-title">工器具检查</div>
					</div>
					<div class="flex-row mt-10">
						<div class="add-label">工具类型</div>	
						<div class="flex-row" style="margin-left: 10px;">
							是 <input style="width: 18px;margin-right: 5px;" type="radio" name="type" id="">
							否 <input style="width: 18px;" type="radio" name="type" id="">
					</div>
					</div>
					<div class="flex-row mt-10">
						<div class="add-label">检查时间</div>	
						2021-08-20 12:00:00
					</div>
					<div class="flex-row mt-10">							
						<div class="add-label">记录编号</div> 
						<div>GQJ-2021-NMZ-0601</div>
					</div>
					<div class="flex-between mt-10">
						<div class="flex-row">
							<div class="add-label">工具名称</div>
							<input class="ipt" />
						</div>
						<div class="flex-row">
							<div class="add-label">工具编号</div>
							<input class="ipt" />
						</div>
					</div>
					<div class="flex-between mt-10">
						<div class="flex-row">
							<div class="add-label">型号规格</div>
							<input class="ipt" />
						</div>
						<div class="flex-row">
							<div class="add-label">存放位置</div>
							<input class="ipt" />
						</div>
					</div>
					<div class="flex-between mt-10">
						<div class="flex-row">
							<div class="add-label">厂家</div>
							<input class="ipt" />
						</div>
						<div class="flex-row">
							<div >周期</div>
							<div class="flex-row" style="width: 30vw;">
								<input style="width: 10vw;margin-right: 10px;" />月
							</div>
						</div>
					</div>
					
					<hr size="1" class="hr-line"  />
					<div>
						<div class="flex-between">
							<div>检查项目</div>
							<div @click="showAdd = true">+-</div>
						</div>
						<div class="flex-between m-10" v-for="(item,index) in list" :key="index">
							<div class="itme-content">{{index + 1}}.{{item.content}} == {{item.status}}</div>
							<div class="flex-row">
									是 <input style="width: 18px;margin-right: 5px;" type="radio" name="1" id="">
									否 <input style="width: 18px;" type="radio" :name="index" id="">
							</div>						
						</div>
						<hr size="1" class="hr-line"  />
						<div style="position: relative;">
							<div class="mt-10">检查结论</div>
							<textarea name="" id="" v-model="advance">
							</textarea> 
							<div class="area_num">已输入{{advance.length}}字/200字</div>
						</div>
					</div>
					<hr size="1" class="hr-line"  />
				 
			

			  <div class="popup-bg" v-if="showAdd" @click="showAdd = false">
				<div class="add-box"  @click.stop="clickStop">
					<div class="flex-row m-10"  style="margin-top: 20px;">
						<div class="pop-label">检查项目</div>
						<input class="pop-ipt"  v-model="content" />
					</div>
					<div class="flex-row m-10">
						<div class="pop-label" >检查要求</div>
						<input class="pop-ipt" v-model="status" />
					</div>
					<div class="pop-bottom">
						<div class="color-blue" @click="confirmAdd">确认</div>
						<div class="color-red" @click="showAdd = false">取消</div>
					</div>
				</div>
			</div>	
			</div>
			</div>

			<div style="width: 100%;height: 60px;"></div>
			<div class="flex-between fixed-bottom">
				<button class="submit_btn">保存</button>
				<button class="submit_btn" @click="showSubmit = true">提交</button>
				<button class="submit_btn" @click.stop="showMore">
					<transition name="fade">
						<div class="btn-detail" v-if="showMorebtn">
							<div>重置</div>
							<div @click="goBack">返回</div>		
						</div>
					</transition>
					更多
				</button>
			  </div>
		</div>
		
		<script src="../../../../js/mui.min.js"></script>
		<script src="../../../../js/vue.js"></script>
		<script type="text/javascript" src="../../../../js/jquery-3.2.1.min.js"></script>
		<script src="../../../../pages/ddms/js/mkeyplus.base.js"></script>
		<script src="../../../../pages/ddms/js/sqlite.js"></script>
		<script src="js/add.js"></script>
		
	</body>

</html>